<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name = "format-detection" content = "telephone=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport"  content="width=device-width,user-scalable=no">
<title>狮吼直播年度之星</title>
<meta name="keywords" content="游戏多">
<meta name="description" content="游戏多">
<link rel="stylesheet" href="http://resource.youxiduo.com/special/shihou/promoter/3036/static/css/base.css" />
<link rel="stylesheet" href="http://resource.youxiduo.com/special/shihou/promoter/3036/static/css/loaders.css"/>
<link rel="stylesheet" href="http://resource.youxiduo.com/special/shihou/promoter/3036/static/css/style.css" />
<script src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/js/jquery-1.7.1.min.js"></script>
 
<script language="JavaScript">
$(function()
{	
	$(".fenxiang").click(function()
	{
		
		var web_share = {
			"qq": {
				"url": share_url,
				"img": share_icon,
				"title": share_title,
				"subtitle": share_desc
			},
			"wx_person": {
				"url": share_url,
				"img": share_icon,
				"title": share_title,
				"subtitle": share_desc
			},
			"wx_group": {
				"url": share_url,
				"img": share_icon,
				"title": share_title,
				"subtitle": share_desc
			},
			"wb": {
				"url": share_url,
				"img": share_icon,
				"title": share_title,
				"subtitle": share_desc
			}
		};
	
		if (typeof(window.lion) != "undefined" && typeof(window.lion.web_share) == 'function')
		{
			window.lion.web_share(JSON.stringify(web_share));
		}	
		if(from_user_id=="0")//登录判断  =0表示没有登录
		{
			$('#userId').val(from_user_id);
		}
	});
	
});
</script>
</head>
<body id="bodyPhb">
    
    <div class="loading">
    	<div class="loading_in">
        	<div class="loader-inner line-scale-pulse-out">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <span>加载中...</span>
        </div> 
    </div>
	<div class="zgz"></div>
	
	<div class="shibai">
    	<img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/shibai.png" />
        <span>加载失败</span>
    </div>
    
	<div class="wrap" id="phb"> 
		<a class="fenxiang"><img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/btnSy.png"/></a>
		<img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/top2.jpg" />
        <!--活动详情和实时排行-->
        <ul class="menu">
        	<li><img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/menu1.jpg" /><img class="h" src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/menuHover1.jpg" /></li>
            <li class="curr"><img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/menu2.jpg" /><img class="h" src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/menuHover2.jpg" /></li>
        </ul>
        <div class="phbBox">
           	<!-- 活动详情 -->
            <div class="phb">
                <img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/rule1.jpg" />
                <img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/rule2.jpg" />
                <img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/rule3.jpg" />
            </div>  
            <!-- 实时排行 -->
            <div class="phb">
            	<div class="phb_1">
                	<div class="phb_2">
                       	<ul class="tabF">
                            <li class="Text curr">小蜜蜂奖</li>
                            <li class="Text">万人迷奖</li>
                            <li class="Text">魅力偶像奖</li>
                            <li class="Text">神壕奖</li>
                       	</ul>
                    </div>
                    <!--小蜜蜂奖、万人迷奖、魅力偶像奖、神豪奖-->
                    <div class="phbCont">
                    	<!--小蜜蜂奖--->
                    	<div class="box">
                    		<div >
	                        	<div id="xiaomifengbaoming" style="display: none;"><img class="boxImg" src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/title.png" /></div>
	                        	<div id="wanrenmiTitle" style="display: none;"><img class="boxImg" src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/title2.png" /></div>
	                        	<div id="wmeiliouxiangTitle" style="display: none;"><img class="boxImg" src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/title3.png" /></div>
	                        	<div id="shenhaoTitle" style="display: none;"><img class="boxImg" src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/title4.png" /></div>
                            </div>
                            	
                            <!---这里有俩种状态，一种登录，一种未登录;bangdan为登录；-->
                            <div class="bangdan" style="display:none;" id="userRank">
                            	<section class="phbHead">
                                    <div class="phbWrap">
                                        <img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/shHead.jpg" />
                                    </div>
                                </section>
                                 <h3 class="phbName">广东--巨蟹</h3>
                                 <span class="phbTime">收到 154 分钟万人迷</span>
                                 <div class="font">
                                 	<span class="phbTime">总排名：4 </span>
                                    <span class="phbTime">本周排名：5</span>
                                 </div>
                            </div>
                             <!--bangdan2为没有登录；-->
                            <div class="bangdan2" id="unlogin">
                            	<img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/txbg.png" />
                                <p>请登录后查看排行哦~</p>
                            </div>
                            
                            <div class="RankingList">
                            	<ul class="zhoubang_1">
                                	<li class="zhoubang curr"><p>周榜</p><img src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/img/top.png" style="display: none;" /></li><!---->
                                    <li class="">总榜</li>
                                </ul>
                                <div class="weekFour">
                                	<!--<a></a> 提示上箭头 -->
                                    <ul>
                                    	<li><em></em>第一周<em></em></li>
                                        <li><em></em>第二周<em></em></li>
                                        <li><em></em>第三周<em></em></li>
                                        <li><em></em>第四周<em></em></li>
                                        <li><em></em>第五周<em></em></li>
                                    </ul>
                                </div>
                                <div class="bangshu">
                                	<!--周榜-->
                                	<div class="box2 curr">
                                    	<!--一周俩周三周四周--->
                                    	<div class="week curr">
                                    		<p class="weekTitle">榜单每5分钟更新一次</p>
                                        	<div class="phbTopThree" id="weekPhbTopThree">
                                                <ul>
                                                </ul>
                                            </div>
                                             <!-- 4名以后 -->
                                            <ul class="phbList" id="weekphbList">
                                            </ul>
                                            <!--<a class="more">点击查看更多</a>   -->  
                                         </div>
                                    </div>
                                    <!--总榜-->
                                    <div class="box2">
                                    	<!-- 1,2,3名 -->
                                    	<p class="weekTitle">榜单每5分钟更新一次</p>
                                        <div class="phbTopThree" id="zongPhbTopThree">
                                            <ul>
                                            </ul>
                                        </div>
                                        <!-- 4名以后 -->
                                        <ul class="phbList" id="zongphbList">
                                        </ul>
                                        <!--<a class="more">点击查看更多</a>-->
                                    </div>
                                </div>
                            </div>
                         </div>  
                    </div>
                </div>
            </div>
        </div>
        <p class="footer">本活动最终解释权归狮吼所有</p>
    </div>
    
    <!-- type 1-小蜜蜂 2-万人迷    3-魅力偶像   4-神豪 -->
 	<input style="display: none;" type="text" value="1" id="type"/>
 	<!-- 1-第一周 2-第二周 3-第三周 4-第四周 -->
 	<input style="display: none;" type="text" value="1" id="week"/>
 	<!-- 开始时间 -->
 	<input style="display: none;" type="text" value="" id="startDate"/>
 	<!-- 结束时间 -->
 	<input style="display: none;" type="text" value="" id="endDate"/>
 	<!-- week-周榜   zong-总榜 -->
 	<input style="display: none;" type="text" value="week" id="zongWeek"/>
 	<input style="display: none;" type="text" value="" id="userId"/>
 	<input style="display: none;" type="text" value="" id="configId"/>
</body>
</html>
<script src="http://resource.youxiduo.com/special/shihou/promoter/3036/static/js/index.js"></script>
<!--<script src="http://h5.youxiduo.com/special/shihou/promoter/3036/static/js/index.js"></script>-->
	<!--<script>
		var share_icon="http://resource.youxiduo.com/special/shihou/promoter/46/static/img/wzry.png";
		var share_title="王者荣耀玩家专属福利";
		var share_desc="立领200元现金！分享再送30元，还不快来！";
		var plan_Id="4PLwi6yLVak6";
		var share_conf_id="41";
		var signed="0";
		var share_open="1";
		var from_user_id="244272";//244637  395713 244272
		var share_url="http://m.shihou.tv/event_share/41?type=1&page=1&from_user_id=244272&share_config_id=41";
	</script>-->

<script type="text/javascript">
	$(function() {
		var phb = new Phb();

		$('#configId').val(plan_Id);
		$('#userId').val(from_user_id);
			
		//点击加载更多
		$(".more").live("click",function(){
			phb.shihouStars2();
		});
		//初始化加载小蜜蜂奖
		phb.shihouStars1();
	});
</script>
<!--  上线时需要改掉 页面的开始时间，结束时间    改为自动获取  index.js 67行68行去掉注释 -->  
